
<!--div>
  <span style="cursor:pointer;color:#00F" id="" title="Volver al Listado">Volver</span>
</div-->

<?php 
  include('../../Connections/KRAPPERCON.php');  
?>
<div>
    
    <form id="frmSerArt" name="frmSerArt" method="post" action="Mantenimientos/Listas/ListdetSerArt.php" >
    
    <input type="hidden"  name="title_h" id="title_h" value="<?php echo getParam('title_h',''); ?>"  />
    <input type="hidden"  name="idServ" id="idServ_h" value="<?php echo getParam('idServ','');   ?>" />
    <input type="hidden"  name="desServ_h" id="desServ_h" value="<?php echo getParam('desServ_h','');   ?>" />
    <input type="button"  name="btn_nart" id="btn_add" onclick="" value="Agregar" />
    <input type="button"  name="btn_del" id="btn_del" onclick="" value="Eliminar" />
    <input type="button"  name="btn_nart" id="sp_back" onclick="" value="Servicios" title="Retornar a Servicios" />
    
    &nbsp;&nbsp;
    
    <table style="padding-top:20px">
        <tr>
            <td style="padding-right: 10px">ID Articulo</td>
            <td><input type="text" name="idArt" id="articuloId" class="clsReq"  />
                <input name="btn_search" type="button" id="btn_search"  value="Buscar" /> 
            </td>
        </tr>
        <tr>
            <td style="padding-right: 10px"> Descripción </td>
            <td colspan="3"> <input type="text" disabled="disabled"  class="clsReq disabled" id="t_desc" onchange="" value="" size="50" readonly="readonly" />
             &nbsp;
                  
            </td>
            
        </tr>
        <tr>
           <td> Costo </td>
           <td> <input type="text" disabled="disabled" class="clsReq disabled" id="txt_costo" size="15" eadonly="readonly" /> </td>
           <td> Precio  </td>
           <td> <input type="text" disabled="disabled"  class="clsReq disabled"  id="txt_prec" size="15"   readonly="readonly" /> </td>
        </tr>
        <tr>
          <td> Cantidad </td>
          <td> <input name="cantidad" type="text" class="qt clsReq" id="txt_cant" style="width:70px" onchange="mr(this)" size="10"   /> </td>
        </tr>
        
            
    </table>
    </form>
</div>

<?php 
  
  
  
  $idserv=0;
  if(isset( $_POST['idServ'] )){
	  //echo $_POST['idServ'];
	  
	  $idserv=$_POST['idServ'];
	  $sql='call usp_listaServArticulo('.$idserv.')';
	  $res = $mysqli->query($sql);
	?>
   
  <table id="tbl_artalm_itm" class="tableIn" width="100%" border="1" rules="all" cellpadding="2" cellspacing="1" >
  <thead><tr>
    <th style="width:20px;text-align:center">&nbsp;</th>
    <th style="width:30px;text-align:center">ID</th>
    <th>Descripción</th>     
    <th style="width:60px;">Cant</th>
    <th style="width:60px;">Costo</th>
    <th style="width:60px;">Precio</th>
  </tr>
  </thead> 
  <tbody>
  <?php 
    if($res){	
		while($row = $res->fetch_assoc()){
  ?>
   <tr>
      <td style="text-align:center">
      <input type="checkbox" name="" class="chk_serart" value="<?php echo $row['ArticuloID']?>"></td> 
      <td style="width:30px"><?php echo $row['ArticuloID']?></td>
      <td><?php echo $row['ArticuloDesc']?></td>
      <td class="qt"><?php echo $row['Cantidad']?></td>
      <td class="qt"><?php echo $row['ArticuloCos']?></td>
      <td class="qt"><?php echo $row['ArticuloPre']?></td>
   </tr>
  <?php 
		}
		
		$res->close();
        $mysqli->check_result();
	}
  ?> 
   
  </tbody>
  </table>   
    
   <?php
     
    }

   ?>
   <div id="DIVlista" title="Inversiones Krapper" class="alerta" style="text-align:center;height:410px"></div>
   <div id="DIVeliminar" title="Inversiones Krapper" class="alerta" style="text-align:center;height:160px"></div>
   
<script type="text/javascript">
    
   var _urlserart=$('#frmSerArt').attr('action');    
   var title=$('#title_h').val()+': '+'<?php echo  getParam('desServ_h','Sin Servicio') ?>';
   $('#d_title').html(title);
   $('#sp_back').click(function(){
	      var datos=$('#frmSerArt').serialize();
		 $('#d_main').loadpp('Mantenimientos/Servicios/MantServicios.php',datos);  
   });
   
   $('#btn_search').click(function(){
          
        $('#DIVlista').loadppd("Mantenimientos/Listas/ListArt.php", null , null);  
        $('#DIVlista').dialog({
            buttons:{"ACEPTAR":function(){         
             //var newtr="<tr>";   
                var id=$('.chk_artid:checked').val();
                var desc=$('.chk_artid:checked').parent().next().next().text();
                var cost=$('.chk_artid:checked').parent().next().next().next().text();
                var prec=$('.chk_artid:checked').parent().next().next().next().next().text();
				
			   $('#articuloId').val(id);
   			   $('#t_desc').val(desc);
   			   $('#txt_costo').val(cost);
   			   $('#txt_prec').val(prec);
               $('#DIVlista').dialog('close');
              /*newtr+="<td><input type='checkbox' name='' class='chk_serart' value='"+id+"' /></td>" ; 
              newtr+="<td>"+id+"</td>";  
              newtr+="<td>"+desc+"</td>";
              newtr+="<td>"+cost+"</td>";
              newtr+="<td>"+prec+"</td>";
              newtr+="</tr>";  */
            //$('#tbl_artalm_itm').append(newtr);
              },"CANCELAR":function(){
                    $('#DIVlista').dialog('close');
              }}
        }); 
		
       $('#DIVlista').dialog('open');
  
   });
   
   
   $('#btn_add').click(function(){
		if (!$("#frmSerArt").checkInput()){
		return;
		}
		if( $.trim($('#articuloId').val())!='' ) { 	
			var datos=$('#frmSerArt').serialize();
			$.post('Mantenimientos/Opers/OperServArt.php'
			,datos
			,function(resultado){
				
				var _error=resultado.indexOf('errores');				
				if(_error==-1){
					
					$('#d_main').loadpp('Mantenimientos/Listas/ListdetSerArt.php',datos);
					
				}else{
                     $('#DIVmsg').html(resultado);  
            		 $('#DIVmsg').dialog('open');   
				}
			});
			
		}else{
			
			$('#DIVmsg').html( getError(' Seleccione un Articulo ') );
			$('#DIVmsg').dialog('open');
		}
    });
   
   $('#btn_del').click(function(){
	   
	   if( $('.chk_serart:checked').size()!=1 ){
		   $('#DIVmsg').html('<ul><li>Seleccione un registro</li></ul>');  
		   $('#DIVmsg').dialog('open');   
       }else{
		   
	   $('#DIVeliminar').loadq();
	   var _urle="Mantenimientos/Servicios/eliminardet.php";
	
		$.post(_urle,
		{
		  opcion:'C'  	
		}
		,function(resultado){
			
			$('#DIVeliminar').dialog({ 
			buttons:{ 
			" Eliminar ":function(){
				$('#DIVeliminar').dialog("close");
				$.post(_urle,
				{  
				  opcion:'E',
				  idServ:$('#idServ_h').val(),
				  ArticuloID:$('.chk_serart:checked').val()
				}
				,function(resultado1){
					 var _error = resultado1.indexOf('error');
					 if (_error == -1)
					  {
						 var _datos=$('#frmSerArt').serialize(); 	
						 $('#d_main').loadpp(_urlserart,_datos);
						 
					  }else{
						 $('#DIVeliminar').html(resultado);
						 $('#DIVeliminar').dialog({
							buttons:{
								"ACEPTAR":function()
								{
									$('#DIVeliminar').dialog("close");
								}
							}
						  }); 
					  }
				});
				
			}," Cancelar ":function(){
						
					  $('#DIVeliminar').dialog('close');  
			 } 
			  
			} });
			
			 $('#DIVeliminar').html(resultado);
	
			});
			 $('#DIVeliminar').dialog('open');  	
	 
			//   
		   }
	   
	});
   
   $('#articuloId').keypress(function(event){
	   
	   if ( event.which == 13 ) {
		
			apost('Mantenimientos/Servicios/getDatArt.php',
			    {
				   idArt:$('#articuloId').val()
				},function(resultado){
			          var _error1=resultado.indexOf('errores');
					  if (_error1==-1){
						  var obj=eval("("+resultado+")"); 	
						  $('#t_desc').val(obj.ArticuloName);
						  $('#txt_costo').val(obj.ArticuloCos);
						  $('#txt_prec').val(obj.ArticuloPre);
					  }
			    });
			
		    return false;   
	   }
	   
   });
   
   
   
   <!-- Dialog's  -->
   
   $('#DIVlista').dialog({
			resizable: false,
			modal: true,
			draggable: false,
			autoOpen: false,
			width: 620,
			height: 410,
			closeOnEscape: false,
			open: function() { $(".ui-dialog-titlebar-close").hide(); } 
		});
    
    $('#DIVlista').dialog({ draggable: false });
    $('#DIVlista').dialog({ resizable: false }); 
	
	$('#DIVeliminar').dialog({
        autoOpen: false,
        width: 350,
        height:160,
        modal: true,
        closeOnEscape: false,
        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
        buttons:{
            "ACEPTAR":function()
            {
                $(this).dialog("close");
            }
        }   
    });

	$('#DIVeliminar').dialog({ draggable: false });
	$('#DIVeliminar').dialog({ resizable: false });
	
	
	
	
   
</script>
